<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- 
      广度和深度

      HTML5新特性：
        1. 新增语义化标签：header、footer、nav、section、main。。。
          语义化：- 能让html结构更加清晰、见名知意 - 有利于 SEO
          SEO: SSR 服务端渲染 -> nuxt3

        2. 新增JS API
          - localStorage 和 sessionStorage 用来持久化存储数据
            区别？
              localStorage 可以看做永久存储，不删除数据会一直在
              sessionStorage 是会话存储，浏览器在数据在，关闭浏览器(关闭存储数据页面)数据会自动清除
            项目中使用：token

          - canvas 画布
            绘制图形图表使用canvas，canvas使用比较麻烦，实际使用基于它封装的库echarts
            项目中使用：数据可视化

          - WebWorker 开辟分线程
            开发中有计算量比较大/多的运算，会交给分线程去完成（性能优化）
            项目中使用：封装Upload组件

          - audio 和 video 元素
            流式播放video

        3. 新增表单控件：input type="date" 和 type="time"，默认样式不好看，实际不使用，一般使用element-plus库
    -->

    <input type="date" />
    <input type="time" />

    <script></script>
  </body>
</html>
